<!-- Nav tabs -->
<ul id="myTab" class="nav nav-tabs">
    <li>
        <a href="#users" data-toggle="pill">Usuarios</a>
    </li>
    <li>
        <a href="#roles" data-toggle="pill">Roles</a>
    </li>
    <li>
        <a href="#perms" data-toggle="pill">Permisos</a>
    </li>
    <li>
        <a href="#settings" data-toggle="pill">Configuraci&oacute;n</a>
    </li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
    <div class="tab-pane" id="users">
        <div class="well well-sm">
            &iquest;Desea crear un <a href="index.php?do=/admin/create_user/" class="btn btn-success btn-xs" role="button">nuevo usuario</a>?
        </div>
        <div class="panel panel-primary">
            <div class="panel-heading">
                <h3 class="panel-title">Resultados</h3>
            </div>
            <div class="panel-body">
                <div class="table-responsive">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>Id</th>
                                <th>Usuario</th>
                                <th>Nombre</th>
                                <th>Apellido</th>
                                <th>Contrase&ntilde;a</th>
                                <th>Comentario</th>
                                <th>Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            {table_user_content}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="tab-pane" id="roles">
        <div class="well well-sm">
            &iquest;Desea crear un <a href="index.php?do=/admin/create_role/" class="btn btn-success btn-xs" role="button">nuevo rol</a>?
        </div>
        <div class="panel panel-primary">
            <div class="panel-heading">
                <h3 class="panel-title">Roles</h3>
            </div>
            <div class="panel-body">        
                <div class="table-responsive">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>Id</th>
                                <th>Descipcion</th>
                                <th>Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            {table_rol_content}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="tab-pane" id="perms">
        <div class="well well-sm">
            &iquest;Desea agregar un <a class="btn btn-success btn-xs" href="index.php?do=/admin/create_perm" role="button">nuevo permiso</a>?
        </div>
        <div class="panel panel-primary">
            <div class="panel-heading">
                <h3 class="panel-title">Permisos</h3>
            </div>
            <div class="panel-body">
                <div class="table-responsive">
                    <table class="table table-responsive">
                        <thead>
                            <tr>
                                <th>Id</th>
                                <th>Controlador</th>
                                <th>Accion</th>
                                <th>Descripcion</th>
                                <th>Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            {table_perm_content}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="tab-pane" id="settings">
        <div class="panel panel-primary">
            <div class="panel-body">
                <form class="form-horizontal" name="frmFotocopiasPorMinuto" method="POST" role="form">
                    <fieldset>
                        <legend>Fotocopias</legend>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="txtNumFotocopias">Fotocopias x Minuto</label>
                            <div class="col-sm-2">
                                <input id="txtNumFotocopias" class="form-control" name="txtNumFotocopias" value="{FotocopiasXMinuto}" type="number" min="1" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="txtLimiteGabinete">Limite gabinete</label>
                            <div class="col-sm-2">
                                <input id="txtLimiteGabinete" class="form-control" name="txtLimiteGabinete" value="{LimiteGabinete}" type="number" min="1" />
                            </div>
                        </div>
                    </fieldset>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-2">
                            <button class="btn btn-default" type="submit">Guardar</button>
                        </div>
                    </div>    
                </form>
                <form class="form-horizontal" name="frmPrecios" method="POST" role="form">
                    <fieldset>
                        <legend>Precios</legend>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="txtPrecioCEIT">CEIT</label>
                            <div class="col-sm-2">
                                <input id="txtPrecioCEIT" class="form-control" name="txtPrecioCEIT" type="number" value="{PrecioCEIT}" min="0.05" step="0.05" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="txtPrecioSimpleFaz">Simple Faz</label>
                            <div class="col-sm-2">
                                <input id="txtPrecioSimpleFaz" class="form-control" name="txtPrecioSimpleFaz" type="number" value="{PrecioSimpleFaz}" min="0.05" step="0.05" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="txtPrecioGabinete">Gabinete</label>
                            <div class="col-sm-2">
                                <input id="txtPrecioGabinete" class="form-control" name="txtPrecioGabinete" type="number" value="{PrecioGabinete}" min="0.05" step="0.05" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="txtPrecioAnillado">Anillado</label>
                            <div class="col-sm-2">
                                <input id="txtPrecioAnillado" class="form-control" name="txtPrecioAnillado" type="number" value="{PrecioAnillado}" min="0.05" step="0.05" />
                            </div>
                        </div>
                    </fieldset>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-2">
                            <button class="btn btn-default" type="submit">Guardar</button>
                        </div>
                    </div>    
                </form>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $('#myTab a').click(function(e) {
        e.preventDefault();
        $(this).tab('show');
    })
</script>